<script setup>
import { ref } from 'vue'
const active = ref(0);


</script>

<template>
<div>
    <van-nav-bar >
        <template #title>
            <span style="font-weight: normal;">锋神电影</span>
        </template>

        <template #left>
            <span>全国</span>
            <van-icon name="arrow-down" size="12" color="#191a1b"/>
        </template>

    </van-nav-bar>

    <van-tabs v-model:active="active" color="#ff5f16" title-active-color="#ff5f16">
        <van-tab title="正在热映" name="nowPlaying" to="nowPlaying"></van-tab>
        <van-tab title="即将上映" name="comeSoon"  to="comeSoon"></van-tab>
    </van-tabs>
    
</div>
   
</template>

<style scoped>
:deep(.van-tab--active) {
    font-weight: 100;
}

:deep(.van-tabs__line) {
    width: 60px;
}
</style>